<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue表单的处理</title>
    <script src="./js/vue.js"></script>
</head>

<body>
    <div id="app">
        <form>
            <table>
                <tr>
                    <td>姓名: </td>
                    <td><input type="text" name="" value=""></td>
                </tr>
                <tr>
                    <td>性别: </td>
                    <td>
                        <input type="radio" name="" value="" id="man"><label for="man">男</label>
                        <input type="radio" name="" value="" id="woman"><label for="woman">女</label>
                    </td>
                </tr>
                <tr>
                    <td>爱好: </td>
                    <td>
                        <input type="checkbox" name="" value="" id="baseball"><label for="baseball">篮球</label>
                        <input type="checkbox" name="" value="" id="sing"><label for="sing">唱歌</label>
                        <input type="checkbox" name="" value="" id="coding"><label for="coding">写代码</label>
                    </td>
                </tr>

                <tr>
                    <td>职业: </td>
                    <td>
                        <select>
                            <option value="">请选择职业...</option>
                            <option value="">医生</option>
                            <option value="">教师</option>
                            <option value="">程序员</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td>个人简介: </td>
                    <td>
                        <textarea rows="3" cols="30"></textarea>
                    </td>
                </tr>

                <tr>
                    <td></td>
                    <td>
                        <input type="submit" name="" value="提交">
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                uname: 'andy'
            }
        })
    </script>
</body>

</html>